<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
      <style>
      body{
          padding-top: 2rem;
      }
      .header{
            width: 94%;
            height: 2.5rem;
            line-height: 2.5rem;
            padding: 0.5rem 0.8rem;
            text-align: center;
            position: fixed;
            top:1.5rem;
            background-color: #fff;
              border-bottom: 1px solid rgb(243, 243, 243, 0.5);
        }
      .header_img{
        width: 10%;
        height: 58%;
        float: left;
        margin-top: 0.5rem;
      }
      .header_img img{
        width: 100%;
        height: 100%;
      }
      .header h3{
        line-height: 3rem;
        width: 90%;
        text-align: center;
      }
      .content{
        width: 93%;
        height: 100vh;
        padding: 1rem 0.8rem;
        margin-top: 2.5rem;
      }
      .content h3{
        width: 92%;
        margin: 0.5rem auto;
        height: 3rem;
        line-height:2rem;
      }
      .cont_img{
        width: 92%;
          margin: 2rem auto;
          height: 30%;
      }
      .cont_img img{
        width: 100%;
        height: 100%;
      }
      .content p{
        width: 92%;
        margin: 0rem auto;
        color: #181818;
        line-height: 1.2rem;
        font-size: 0.9rem;
      }
      .wep{
        width: 92%;
        margin:2rem auto 1rem;
      }
      .wep h3{
        width: 100%;
        text-align: center;
      }
      .fl{
        float: left;
      }
      .main_top{
        width: 100%;
        height: 2rem;
        line-height: 2rem;
      }
      .main_img {
        width: 7%;
        height: 62%;
        margin-top: 0.2rem;
        margin-right: 0.5rem;
    }
      .main_img img{
        width: 100%;
        height: 100%;
      }
      .wep p{
        margin-top: 1rem;
        line-height: 1rem;
      }
      .nv{
        margin-top: 1.5rem;
      }
      </style>
  </head>
  <body>
    <div class="header">
      <div class="header_img">
        <img src="../image/u18.png" alt="" onclick="closewin()">
      </div>
      <h3>育儿要点</h3>
    </div>
    <div class="content">
    <h3>成长须知|第20个月宝宝的发育特点是什么？</h3>
    <div class="cont_img">
      <img src="../image/a22.png" alt="">
    </div>
    <p>宝宝不断掌握着新的技能，从一张白纸开始，越来越像个大宝宝。你要随时了解他的发育情况，并适时学习科学的育儿方式，呵护他快乐成长。下面我们来说说宝宝本月会有什么变化</p>
    <div class="wep">
      <h3>体格指标</h3>
      <div class="main_top">
          <div class="main_img fl">
            <img src="../image/u28.png">
          </div>
          <h4 class="fl">男童</h4>
      </div>
      <p>身高：77.7~89.8厘米</p>
      <p>身高：77.7~89.8厘米</p>
      <p>身高：77.7~89.8厘米</p>
      <div class="main_top nv">
          <div class="main_img fl">
            <img src="../image/u28.png">
          </div>
          <h4 class="fl">女童</h4>
      </div>
      <p>身高：77.7~89.8厘米</p>
      <p>身高：77.7~89.8厘米</p>
      <p>身高：77.7~89.8厘米</p>
    </div>
    <div class="wep">
      <h3>发育特点</h3>
      <div class="main_top">
          <div class="main_img fl">
            <img src="../image/u28.png">
          </div>
          <h4 class="fl">语言发育</h4>
      </div>
      <p>对声音的反应越来越强烈，依然很喜欢听重复的儿歌或故事</p>

    </div>
    </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/common.js"></script>
  <script type="text/javascript">
      apiready = function(){

      };
  </script>
  </html>
